<template>
	<view class="content">
		<view class="title">文章标题文章标题文章标题文章标题文章标题</view>
		<view class="info">
			<view class="author">
				张华
			</view>
			<view class="time">
				2022-03-04 12：00：00
			</view>
		</view>
		<view class="article">
			内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
			内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
			内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
			内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
			内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
			内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
		</view>
		<view class="declaration">
			声明：xxxx xxxxxxxxxxxxxx
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.content {
	padding: 20rpx;
	.title {
		font-size: 40rpx
	}
	.info {
		display: flex;
		justify-content: space-between;
		background-color: #f6f6f3;
		padding: 20rpx;
		margin: 40rpx 0;
		color: #827e71;
		font-size: 24rpx
	}
	.article {
		font-size: 30rpx
	}
	.declaration {
		padding: 20rpx;
		margin: 40rpx 0;
		background-color: #fdeff0;
		color: #eba9aa;
	}
}
</style>
